<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>行程 </title>
    <link type="text/css" href="CSS/base.css" rel="stylesheet"/>
    <link type="text/css" href="frozenui-1.3.0/css/basic.css" rel="stylesheet"/>
    <link type="text/css" href="frozenui-1.3.0/css/frozen.css" rel="stylesheet" />
    <link type="text/css" href="frozenui-1.3.0/css/iconfont.css" rel="stylesheet" />
    <link type="text/css" href="frozenui-1.3.0/css/global.css" rel="stylesheet" />
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=37342703" charset="UTF-8"></script>
    <script type="text/javascript" src="frozenui-1.3.0/lib/zepto.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="frozenui-1.3.0/js/frozen.js"></script>
    <link type="text/css" href="CSS/styles.css" rel="stylesheet"/>
</head>
<body>
<section class="return">
    <ul class="ui-tiled nav">
        <li><i class="ui-icon-prev"></i><a  href="#" >行程推荐</a></li>
    </ul>
</section>
<section id="trip">
    <div class="list" style="background: #c4efff;">
        <ul class="ui-list ui-border-tb">
            <li class="ui-border-t">
                <div class="ui-list-img">
                    <span style="background-image:url(http://placeholder.qiniudn.com/200x136)"></span>
                </div>
                <div class="ui-list-info">
                    <h3>江苏徐州园林</h3>
                    <i style="font-size: 12px;">推荐星级</i>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <h4>人气：6666</h4>
                </div>
            </li>
        </ul>
    </div>
    <div class="list" style="background: #c4efff;">
        <ul class="ui-list ui-border-tb">
            <li class="ui-border-t">
                <div class="ui-list-img">
                    <span style="background-image:url(http://placeholder.qiniudn.com/200x136)"></span>
                </div>
                <div class="ui-list-info">
                    <h3>江苏徐州园林</h3>
                    <i style="font-size: 12px;">推荐星级</i>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <h4>人气：6666</h4>
                </div>
            </li>
        </ul>
    </div>
    <div class="list" style="background: #c4efff;">
        <ul class="ui-list ui-border-tb">
            <li class="ui-border-t">
                <div class="ui-list-img">
                    <span style="background-image:url(http://placeholder.qiniudn.com/200x136)"></span>
                </div>
                <div class="ui-list-info">
                    <h3>江苏徐州园林</h3>
                    <i style="font-size: 12px;">推荐星级</i>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <h4>人气：6666</h4>
                </div>
            </li>
        </ul>
    </div>
    <div class="list last" style="background: #c4efff;">
        <ul class="ui-list ui-border-tb">
            <li class="ui-border-t">
                <div class="ui-list-img">
                    <span style="background-image:url(http://placeholder.qiniudn.com/200x136)"></span>
                </div>
                <div class="ui-list-info">
                    <h3>江苏徐州园林</h3>
                    <i style="font-size: 12px;">推荐星级</i>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <span class="ui-icon-qqlevel ui-icon-qqlevel-star"></span>
                    <h4>人气：6666</h4>
                </div>
            </li>
        </ul>
    </div>
</section>

<footer class="ui-footer ui-footer-btn">
    <ul class="ui-tiled ui-border-t">
        <li data-href="index.html" class="ui-border-r"><a href="index.html">首页</a></li>
        <li data-href="ui.html" class="ui-border-r active"><a href="trip.html">行程</a></li>
        <li data-href="ui.html" class="ui-border-r "><a href="find.html">发现</a></li>
        <li data-href="js.html"><a href="login.html">我的</a></li>
    </ul>
</footer>
</body>
</html>